<template>
  <div class="app-container1">
    <!-- <el-image :src="imageSrc"></el-image> -->

    <div style="margin: 10px auto;">

      <dade></dade>
    </div>
    <notice></notice>
  </div>
</template>

<script>
import notice from "./notice.vue";
import dade from './dade.vue'
import { dictService } from "@/api/sysService";
export default {
  components: {
    notice,
    dade
  },
  data() {
    return {
      // 使用 require 加载图片
      imageSrc: require("@/assets/logo/bg.jpeg"),
      form: {
        username: "",
        password: "",
      },
    };
  },
  methods: {
    loadDict() {
      dictService.all({}).then((res) => {
        console.error(res.data?.data);
        let dict = res?.data || [];
        localStorage.setItem("dict", JSON.stringify(dict));
      });
    },
  },
  created() {
    this.loadDict();
  },
};
</script>

<style lang="scss" scoped>
.app-container1 {
  width: 100%;
  height: 100%;
  background-color: #fff;
  .el-image {
    display: block;
    margin: 5px auto;
    width: 90%;
    height: 100%;
    border-radius: 10px;
  }
}
</style>
